<template>
	<view class="mt-30 active" v-for="(item,i) in list" :key="i" @click="skip(item.id)">
		<image :src="item.image" style="height: 366rpx;width: 100%;" mode="aspectFill"></image>
		<view style="margin: 16rpx 0 0 32rpx;" class="font-30">
			{{item.activity_title}}
		</view>
	</view>
</template>

<script lang="ts" setup>
	interface Props {
		list : any[]
	}
	const props = withDefaults(defineProps<Props>(), {
		list: () => []
	})
	const skip = (id: number) => {
		uni.navigateTo({
			url: `/pages/common/activeDetails?id=${id}`
		})
	}
</script>

<style lang="scss">
	.active {
		height: 448rpx;
		background: #FFFFFB;
		border-radius: 8rpx;
	}
</style>